<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>日志管理</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/resources/layui/css/layui.css" media="all" />
    <link rel="stylesheet" href="/resources/css/public.css" media="all" />
</head>
<body class="childrenBody">
<!--查询条件开始-->
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
    <legend>查询条件</legend>
</fieldset>
<blockquote class="layui-elem-quote">
    <form action="" method="post" id="searchFrm" lay-filter="searchFrm" class="layui-form layui-form-pane">

        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">登陆名称：</label>
                <div class="layui-input-inline">
                    <input type="text" name="loginname"   class="layui-input">
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">登陆地址：</label>
                <div class="layui-input-inline">
                    <input type="text" name="loginip"  class="layui-input">
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">开始时间</label>
                <div class="layui-input-inline">
                    <input type="tel" name="startTime" id="startTime" readonly="readonly" placeholder="yyyy-MM-dd HH:mm:ss"  class="layui-input">
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">结束时间</label>
                <div class="layui-input-inline">
                    <input type="tel" name="endTime"  id="endTime" readonly="readonly" placeholder="yyyy-MM-dd HH:mm:ss"  class="layui-input">
                </div>
            </div>
        </div>

        <div class="layui-form-item">
                <div class="layui-input-block" style="text-align: center;">
                    <button type="button" id="searchbtn" class="layui-btn" lay-submit="" lay-filter="doSearches"><span class="layui-icon layui-icon-search"></span>查询</button>
                    <button type="reset" class="layui-btn layui-btn-warm"><span class="layui-icon layui-icon-refresh"></span>重置</button>
                </div>
            </div>

        </div>

    </form>
</blockquote>

<!--查询条件结束-->

<!--数据表格开始-->
<div>
    <table class="layui-hide" id="LoginfoTable" lay-filter="LoginfoTable"></table>
    <div id="LoginfoToolBar" style="display: none;">
        <button type="button" lay-event="batchDelete" class="layui-btn layui-btn-sm layui-btn-denger"><span class="layui-icon layui-icon-delete"></span>批量删除</button>

    </div>

    <div id="LoginfoRowBar" style="display: none;">
        <button type="button" lay-event="delete" class="layui-btn layui-btn-sm layui-btn-denger"><span class="layui-icon layui-icon-delete"></span>删除</button>

    </div>

</div>
<!--数据表格结束-->

<script type="text/javascript" src="/resources/layui/layui.js"></script>
<script type="text/javascript">
    layui.use(['form','table','layer','jquery','laydate'],function(){
        var form = layui.form,
            layer = parent.layer === undefined ? layui.layer : top.layer,
            table = layui.table;
            laydate = layui.laydate;
            $ = layui.jquery;
            laydate.render({
                elem:'#startTime',
                type:'datetime'

            })
        laydate.render({
            elem:'#endTime',
            type:'datetime'

        })

        var tableIns = table.render({
            elem: '#LoginfoTable'
            ,url:'/loginfo/loadAllLoginfo'
            ,toolbar: '#LoginfoToolBar' //开启头部工具栏，并为其绑定左侧模板
            ,height: 'full-230'
            ,title: '用户登陆日志'
            ,page: { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
                layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
                //,curr: 5 //设定初始在第 5 页
                ,groups: 1 //只显示 1 个连续页码
                ,first: false //不显示首页
                ,last: false //不显示尾页

            }
            ,limit:20
            ,cols: [ [
                {type: 'checkbox', fixed: 'left'}
                ,{field:'id', title:'ID',align:'center'}
                ,{field:'loginname', title:'登陆名称',align:'center'}

                ,{field:'loginip', title:'登陆地址',align:'center'}
                ,{field:'logintime', title:'登陆时间',align:'center'}
                ,{fixed: 'right', title:'操作', toolbar: '#LoginfoRowBar',align:'center'}
            ] ]
        });

            form.on("submit(doSearches)", function (data) {
                tableIns.reload({
                    where:data.field,
                    page:{
                        curr:1
                    }
                    } );
                    return false;
            });

            table.on("toolbar(LoginfoTable)",function (obj) {
                switch (obj.event) {
                    case 'batchDelete':
                        batchDelete();
                        break;
                    case 'add':
                        add();
                        break;
                }
            })
            table.on("tool(LoginfoTable)",function (obj) {
                switch (obj.event) {
                    case 'delete':
                        deleteInfo(obj.data);
                        break;
                    case 'update':
                        deleteInfo(obj.data);
                        break;
                    case 'show':
                        deleteInfo(obj.data);
                        break;
                }
            })
        function deleteInfo(data) {

                layer.confirm('你确定要删除这条数据吗？',{icon:3,title:'提示'},function (index) {


                    $.post("/loginfo/deleteLoginfo",{id:data.id},function (res) {
                        if(res.code == 200)
                        {
                            tableIns.reload();
                        }
                        layer.msg(res.msg);
                    })
                    layer.close(index);

                })

        }
            function batchDelete() {
                var checkStatus = table.checkStatus("LoginfoTable");
                var dataLength = checkStatus.data.length;
                if(dataLength > 0) {
                    layer.confirm('你确定要删除这些数据吗？',{icon:3,title:'提示'},function (index) {

                        var data = checkStatus.data;
                        var ids = "";
                        $.each(data, function (index, item) {
                            if(index == 0) {
                                ids += "ids=" + item.id;
                            }
                            else
                                ids +="&ids=" + item.id;
                        })
                        $.post("/loginfo/batchDeleteLoginfo",ids,function (res) {
                            if(res.code == 200)
                            {
                                tableIns.reload();
                            }
                            layer.msg(res.msg);
                        })
                        layer.close(index);

                    })

                }
                else
                    layer.msg("请选择操作行");
            }
    });



</script>

</body>
</html>